<h1>Books</h1>

<script type="text/javascript">
$(document).ready(function moving(){
	$('#slider').movingBoxes({
		startPanel   : 1,      // start with this panel
		wrap         : false,   // if true, the panel will "wrap" (it really rewinds/fast forwards) at the ends
		buildNav     : false,   // if true, navigation links will be added
		navFormatter : function(){ return "&#9679;"; } // function which returns the navigation text for each panel
	});
	
	$(".gallery").click(function(){
		var id = $(this).attr('id');
		var session = $(this).attr('alt');
		$("#conteudo").load('pagina/'+session+'/'+id);
	});
});
</script>

<style type="text/css">
	.gallery:hover{
		cursor: hand;
		cursor: pointer;
	}
</style>

<div id="wrapper">
	<ul id="slider">
	<?php /*
		
		Modelo de item do slider
		
		<li>
			<img src="<?php echo base_url();?>static/img/photos/books/1.jpg" alt="picture">
			<a href="#" id="galeria1">
				<h2>Galeria 1</h2>
			</a>
		</li>
		
	*/ ?>
	</ul>
</div>